/* CSS Document */
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { text-decoration: none; }

.tableBorder { 
 background-color:#003366
}


.tableLeft { 
 background-color: #EEEEEE;
 font-family: Verdana,Tahoma, helvetica, sans-serif; 
 font-size: 10pt;
 font-weight: bold;
 font-style: normal;
 color: #000000;
 text-align: center;
 text-transform: uppercase;
}


.tableTitle { 
 background-color:#c8e094;
 font-family: Verdana,Tahoma, helvetica, sans-serif; 
 font-size: 10pt;
 font-weight: bold;
 font-style: normal;
 color: #000000;
 text-align: center;
 text-transform: uppercase;
}

.tableTitleLeft { 
 background-color:#c8e094;
 font-family: Verdana,Tahoma, helvetica, sans-serif; 
 font-size: 10pt;
 font-weight: bold;
 font-style: normal;
 color: #000000;
 text-align: left;
 text-transform: uppercase;
}

.tableTitleNormal { 
 background-color:#c8e094;
 font-family: Verdana,Tahoma, helvetica, sans-serif; 
 font-size: 10pt;
 font-weight: bold;
 font-style: normal;
 color: #000000;
 text-align: center;
}

.tableTitleRight { 
 background-color:#c8e094;
 font-family: Verdana,Tahoma, helvetica, sans-serif; 
 font-size: 10pt;
 font-weight: bold;
 font-style: normal;
 color: #000000;
 text-align: right;
 text-transform: uppercase;
}

.tableTitle2 { 
 background-color:#DDDDDD;
 font-family: Verdana,Tahoma, helvetica, sans-serif; 
 font-size: 9pt;
 font-weight: bold;
 font-style: normal;
 color: #000000;
 text-align: center;
 text-transform: uppercase;
}

.tableTitle3 { 
 background-color:#CCCCFF;
 font-family: Verdana,Tahoma, helvetica, sans-serif; 
 font-size: 10pt;
 font-weight: bold;
 font-style: normal;
 color: #000000;
 text-align: center;
 text-transform: uppercase;
}

.sectionTitle { 
 background-color:#FAFAD2;
 font-family: Verdana,Tahoma, helvetica, sans-serif; 
 font-size: 10pt;
 font-weight: bold;
 font-style: normal;
 color: #000000;
 text-align: left;
 text-transform: uppercase;
 height: 20px;
}

.sectionTitleWithoutUpper { 
 background-color:#FAFAD2;
 font-family: Verdana,Tahoma, helvetica, sans-serif; 
 font-size: 10pt;
 font-weight: bold;
 font-style: normal;
 color: #000000;
 text-align: left;
}

.sectionTitleLeft { 
 background-color:#FAFAD2;
 font-family: Verdana,Tahoma, helvetica, sans-serif; 
 font-size: 10pt;
 font-weight: bold;
 font-style: normal;
 color: #000000;
 text-align: left;
 text-transform: uppercase;
 height: 20px;
}


.tableBody { 
 background-color:#FFFFFF;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10pt;
 text-align: center;
}
.tableBodyCenter { 
 background-color:#FFFFFF;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 text-align: center;
 
 color: black;
}

.tableBodyLeft { 
 background-color:#FFFFFF;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 text-align: Left;
 
 color: black;
}

.tableBodyLeftUpper { 
 background-color:#FFFFFF;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 text-align: Left;
 text-transform: uppercase;
}

.tableBodyRight { 
 background-color:#FFFFFF;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 text-align: right;
 
 color: black;
}

.tableBodyHighlightCenter {
 background-color:#E8F1FD;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 text-align: center;
}

.tableBodyHighlightLeft {
 background-color:#E8F1FD;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 text-align: Left;
}

.tableBodyHighlightRight {
 background-color:#E8F1FD;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 text-align: right;
}

.tableBodyRightUnderline { 
 border-style: double solid;
 border-top-width: 2px;
 border-bottom-width: 5px;
 border-left-width: 0px;
 border-right-width: 0px;
 background-color:#FFFFFF;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 text-align: right;
}

.tableBodyRightUnderlineTop { 
 border-style: solid;
 border-top-width: 2px;
  border-bottom-width: 0px;
 border-left-width: 0px;
 border-right-width: 0px;
 background-color:#FFFFFF;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 text-align: right;
}

/* Use in too much data need to display in a tabular listing */
.tableTitle { 
 background-color:#CCCCFF;
 font-family: Verdana,Tahoma, helvetica, sans-serif; 
 font-size: 11px;
 font-weight: bold;
 font-style: normal;
 color: #000000;
 text-align: center;
 text-transform: uppercase;
}

.tableBodyCenterSmall { 
 background-color:#FFFFFF;
 font-family: sans-serif, Verdana, Arial, Helvetica;
 font-size: 10px;
 text-align: center;
}

.tableBodyLeftSmall { 
 background-color:#FFFFFF;
 font-family: sans-serif, Verdana, Arial, Helvetica;
 font-size: 10px;
 text-align: Left;
}

.tableBodyRightSmall { 
 background-color:#FFFFFF;
 font-family: sans-serif, Verdana, Arial, Helvetica;
 font-size: 10px;
 text-align: right;
}

.reportTableBodyCenter { 
 background-color:#FFFFFF;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 9px;
 text-align: center;
}

.reportTableBodyLeft { 
 background-color:#FFFFFF;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 9px;
 text-align: Left;
}

.reportTableBodyRight { 
 background-color:#FFFFFF;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 9px;
 text-align: right;
}

.tableBodyRightRed { 
 background-color:#FFFFFF;
 color:#FF0000;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 text-align: center;
}


.tableBodyNormal { 
 background-color:#FFFFFF;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
}


.rptRowAlt{
/* ryan: for alternate row color  */
    background-color:#FFFFCC;
}

.rptRow{
/* ryan: for alternate row color  */
    background-color:#FFFFFF;
}
 
.rptTableTitle {
/* ryan:similar to .tableTitle css, but background-color is diff only. */
 background-color:#3380CC;
 font-family: Verdana,Tahoma, helvetica, sans-serif;
 font-size: 10pt;
 font-weight: bold;
 font-style: normal;
 color: #000000;
 text-align: center;
 text-transform: uppercase;
}

.rptTableBody {
/* ryan:similar to .tableBody css, but background-color is not specified only.  */
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10pt;
 text-align: center;
}
     
.rptTableBodyLeft {
/* ryan:similar to .tableBodyLeft css, but background-color is not specified only. */
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10pt;
 text-align: left;
}
   
.rptTableBodyRight {                     
/* ryan:similar to .tableBody css, but background-color is not specified only.    */
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10pt;
 text-align: right;
}

.linkRight { 
 background-color:#FFFFFF;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 text-align: right;
}

.linkLeft { 
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 font-style: normal;
 }

.linkLeftBold { 
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 font-style: italic;
}
 
.topNote { 
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 font-style: italic;
}

.topNoteBold { 
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: Bold;
 font-style: italic;
}

.fontMessage {
 font-family: Verdana,Tahoma, helvetica, sans-serif; 
 font-size: 10pt; 
 font-weight: bold; 
 color: blue;
}

.fontError {
 font-family: Verdana,Tahoma, helvetica, sans-serif; 
 font-size: 10pt; 
 font-weight: bold; 
 color: red;
}

.fontFaceTop {
 font-family: Arial, Verdana,Tahoma, helvetica, sans-serif; 
 font-size: 12pt; 
 font-weight: bold; 
 text-align: left;
}


.fontFaceHead {
 font-family: Verdana,Tahoma,helvetica,sans-serif; 
 font-size: 10pt; 
 font-weight: bold; 
 color:  #000066;
 text-transform: uppercase;
 
}

.fontFaceHeadLarge {
 font-family: Verdana,Tahoma,helvetica,sans-serif; 
 font-size: 14pt; 
 font-weight: bold; 
 color:  #000066;
 text-transform: uppercase;
 
}


.fontFace {
 font-family: Tahoma, sans-serif;
 font-size: 10pt;
 line-height: 1.2em;
 font-weight: normal;
 font-style: normal;
}

.fontNote {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 line-height: 1.2em;
 font-weight: normal;
 font-style: normal;
 color: #FF0000;
 border: #FFFFFF;
}

.specialFontNote {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 line-height: 1.2em;
 font-weight: normal;
 font-style: normal;
 color: #FF0000;
 border: #FFFFFF;
}

.Note {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 line-height: 1.2em;
 font-weight: normal;
 font-style: normal;
 color: blue;
 border: #FFFFFF;
}

.footNote {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 line-height: 1.2em;
 font-weight: normal;
 font-style: normal;
 color: #000000;
 border: #FFFFFF;
}

.fontFaceBold {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9pt;
 font-weight: bold;
 font-style: normal;
 color: #000000;
 border: #FFFFFF;
 text-decoration: underline; 
}

.fontFaceSmallBold {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10pt;
 font-weight: bold;
 font-style: normal;
 color: #000000;
 text-align: left;
 background-color:#FFFFFF;
}

.fontFaceSmallBoldUpper {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10pt;
 font-weight: bold;
 font-style: normal;
 color: #000000;
 text-align: left;
 background-color:#FFFFFF; 
 text-transform: uppercase;
}

.fontFaceSmall{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9pt;
 font-style: normal;
 color: #000000;
 text-align: left;
 background-color:#FFFFFF;
}

.historyTitle {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10pt;
 font-weight: bold;
 font-style: normal;
 color: #000000;
 text-align: left;
 text-decoration: underline;
 background-color:#FFFFFF;
}

.historyTitleRight {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10pt;
 font-weight: bold;
 font-style: normal;
 color: #000000;
 text-align: right;
 text-decoration: underline;
 background-color:#FFFFFF;
}

.fontFaceMessage {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9pt;
 font-weight: bold;
 font-style: normal;
 color: #FF0000;
 text-align: left;
 
}


.fontFaceSmallCenter {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10pt;
 font-weight: bold;
 font-style: normal;
 color: #000000;
 text-align: center;
}

.fontFaceReq {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
 font-style: normal;
 color: #000000;
 text-align: left;
}

.alignCenter{
 text-align: center;
}

.alignLeft{
 text-align: left;
}

.alignRight{
 text-align: right;
}



.fontFaceB {  
 font-family: Helvetica, Arial, Verdana, sans-serif ;
 font-size: 13px ;line-height: 1.2em ;
 font-weight: bold ;
 text-decoration: none ;
 font-style: normal ;
 color: #000000;
}

.linkFont {
 color: #366697;
 text-align:right;
 
}

.homeLinkFont {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-weight: bold;
 color: #000033;
 
}

.subsystemFont {
 font-family: Arial, sans-serif;
 font-size: 12pt;
 font-weight: bold; 
}

.subModuleFont {
 font-family: Arial, sans-serif;
 font-size: 9pt;
 font-weight: bold;
 color: #355e00;
 text-transform: uppercase; 
}

.dialogHead_0   { 
 background-color: #CCCCCC;
}

.dialogHead_0a  { background-color: #EEEEEE;}
.dialogCell_0   { background-color: #FFFFFF;}
.dialogListBorder { background-color: #DDDDDD;}
.dialogListHead_1 { background-color: #CCCCCC;}
.dialogListCell_1 { background-color: #EEEEEE;}
.tableNaviBorder1 { background-color: #999999 ;}
.tableNaviBorder2 { background-color: #333333 ;}
.tableNavi1 { background-color: #29537C ;}
.tableNavi2 { background-color: #FFFFFF ;}
.tableNavi3 { background-color: #EFEFEF ;}

BODY  { 
 background-color:#FFFFFF; 
}

input, select, textarea, label, .historyBody {
 font-family: Verdana,Tahoma, helvetica, sans-serif; 
 font-size: 10pt; 
}


.topMenufontFace {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;

color: #E6E6E6;
 
}

.topMenufontfaceB {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #000000;
}

.stdheader {
 font-family: Tahoma, Verdana, sans-serif;
 font-size: medium;
 font-style: normal;
 line-height: normal;
 font-weight: bold;
 text-transform: uppercase;
}


/*.btnBar
{
 cursor: default; 
 font-family: Arial, Verdana,Tahoma, helvetica, sans-serif; 
 font-size: 10pt; 
 background-color: #c0c0c0;
 border-width:2px;
 border-color:#ffffff;
 height: 22px;
 border: 1px black solid;
}*/

/*.btnBar{
	border: 1px black solid;
	font-family: Arial, Verdana,Sans-Serif;
	font-size: 10pt;
	font-style: bold;
	background-color: #016aa1;
	color: #FFFFFF;
}*/
.btnBar{
color: #FFFFFF;
background-color: #086FC1;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
border: solid 1px black;
text-decoration: none;
font-weight: bold;
text-align: center; 
padding-left: 2px;
padding-right: 2px;
margin: 3px;
width: auto;
height: 30px;
}

.btnBarDisabled{
color: #C0C0C0;
background-color: #086FC1;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
border: solid 1px grey;
text-decoration: none;
font-weight: bold;
font-style: italic;
text-align: center; 
padding-left: 2px;
padding-right: 2px;
margin: 1px;
opacity: 0.9;
}

.highlightedTab
{
 background-color:#CCCCCC;
}

.highlightedTabMenu
{
 background-color:#EAEAEA;
}
.highlightedTabSeparater
{
 background-color:#C0C0C0;
}

/* without full width support 
.scrollableFrame {
 color: #000000;
 margin-left: 0px;
 border-left: 1px solid #DDDDEE;
 border-right: 1px solid #DDDDEE;
 border-top: 1px solid #DDDDEE;
 border-bottom: 1px solid #DDDDEE;
 padding: 15px;
 line-height: 110%;
 height: 400px;
 width: 700px;
} */

.scrollableFrame {
 color: #000000;
 margin-left: 0px;
 margin-right: 0px;
 border: 1px solid #DDDDEE;
 padding: 15px;
 line-height: 110%;
 height: 400px;
}

.scrollableFrame {
 overflow: scroll;
}

.fontFaceTitle {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14pt;
 font-weight: bold;
 color: #355e00; 
}

.arrowKey {
  font-family: Comic Sans MS, sans-serif;
  color: #5c8526;
  font-size: 10pt;
  font-weight: bold;
}

.highlightedTableBodyLeft { 
 background-color:#33CCFF;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 13px;
 text-align: Left;
}


/* displaytag css */

table.displaytag thead tr th  { 
 background-color:#c8e094;
 font-family: Verdana,Tahoma, helvetica, sans-serif; 
 font-size: 10pt;
 font-weight: bold;
 font-style: normal;
 color: #000000;
 text-align: center;
 text-transform: uppercase;
}
table.displaytag tfoot tr {
 background-color:#FFFFFF;
 font-family: Verdana,Tahoma, helvetica, sans-serif;
 font-size: 10pt;
 font-weight: bold;
 font-style: normal;
 color: #000000;
 text-align: right;
 text-transform: uppercase;
}

.listBodyCenter { 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 text-align: center;
 font-weight: normal;
}

.listBodyLeft { 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 text-align: Left;
 font-weight: normal;
}

.listBodyRight { 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 text-align: right;
 font-weight: normal;
}
table.displaytag listSortHeader { 
 font-family: Verdana,Tahoma, helvetica, sans-serif; 
 font-size: 10pt;
 font-weight: bold;
 font-style: normal;
 color: #000000;
 text-align: center;
 text-transform: uppercase;
}

table.displaytag .listSortHeader a {
 background-repeat: no-repeat;
 background-position: right;
 color: #000000;
 width: 100%;
 display: block;
}

table.displaytag .listSortHeaderAsc a {
 background-image: url("/xerm/image/small-up.png");
 background-repeat: no-repeat;
 background-position: right;
 color: #000000;
 width: 100%;
 display: block;
}

table.displaytag .listSortHeaderDesc a {
 background-image: url("/xerm/image/small-down.png");
 background-repeat: no-repeat;
 background-position: right;
 color: #000000;
 width: 100%;
 display: block;
}

table.displaytag .hideHeaderTable{
 display: none;
}

table.displaytag .hideTableBody{
 display: none;
}

table.displaytag .total{
 background-color:#FFFFFF;
 font-family: Verdana,Tahoma, helvetica, sans-serif; 
 font-size: 10pt;
 font-weight: bold;
 font-style: normal;
 color: #000000;
}

table.displaytag tr.even {
 background-color: #e6ffcc;
}

table.displaytag tr.odd {
 background-color: #FFFFFF;
}

.barcodeTableListing{
	margin-top:5px;
	margin-bottom:5px;
}

.barcodeError{
  	/*background-color: #CCFFFF;*/
  	color: #FF0000;
  	border-color: #FF0000;
}